/* 
    Document   : estilo_sistema
    Created on : 22/10/2013, 07:00:12 PM
    Author     : Víctor Plata
    Description:
        Purpose of the stylesheet follows.
*/

body { 
    background-color:white;
}
.banner_header
{
    background: url("../images/banner.JPG");
    width: 1000px;
    height: 170px;
    margin:auto;
    border:1px solid grey; 
    background-repeat: no-repeat;
    background-size:1000px 170px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#menu{
    width: 1000px;
    height: 48px;
    margin:auto;
    border:1px solid #EDEDED;
    margin-top: 15px;
}

#contenedor
{
    width:1000px;
    height: 850px;
    border:1px solid gray;
    margin:auto;
    margin-top: 30px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-radius: 10px;
    box-shadow: 8px 8px 5px black;
    background-color: #E7EDF2;
}
#contenedor_reg
{
    width:1000px;
    height: 400px;
    border:1px solid blue;
    margin:auto;
    margin-top: 30px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    
}
#AlineaReg
{
 margin-left: 60px;
}
#contenedor_img
{
    width: 80%;
    height: 650px;
    margin:auto;
    margin-top: 60px;
    
}

#img_principal
{
    height: 450px;
    width: 95%;
    margin: auto;
    margin-top: 10px;
    border:1px solid black;
}

#miniaturas
{
    width: 800px;
    margin:auto;
    padding-top: 10px;
    margin-top: 50px; 
    height: 120px;
}

#miniaturas ul
{
    margin-left: 65px;
}

.mini
{
    list-style: none;
    margin-left:8px;
    margin-right:60px;
    float:left;
    width: 170px;
    height: 120px;
    cursor: pointer;
}
.mini img{
    width: 170px;
    height: 120px;
    border: 5px;
}

footer{
    width: 1000px;
    height: 50px;
    border:1px solid white;
    margin:auto;
    border-radius: 5px;
    margin-top:13px;
    background-color: black;
    color:white;
    font-size: 13pt;
}
#tit_noticia{
    text-align: center;
    font-size: 20pt;
    margin-top:40px;
}

#mensajes{
    text-align: center;
    font-size: 14pt;
    margin-top:60px;
}
#catalogo
{
    width: 95%;
    height: 550px;
    margin:auto;
}

#tabla_catalogo{
    border: 1px solid black;
}

.titulos_tbl{
    background-color:#83D1E4;
    border-style: none;
    text-align: center;
    width: 250px;
    height: 50px;
    
}
.info_libro
{
    text-align: center;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}
#paginas_cat
{
    text-align: center;
}
#mensaje_pag
{
    text-align: center;
}
#paginas
{
    text-align: center;
}
#contenedor_pag_cat
{
    width:1000px;
    height: 850px;
    border:1px solid gray;
    margin:auto;
    margin-top: 40px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-radius: 10px;
    box-shadow: 8px 8px 5px black;
    background-color: #E7EDF2;   
}
#contenedor_libro_mes
{
    width:1000px;
    height: auto;
    border:1px solid gray;
    margin:auto;
    margin-top: 40px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-radius: 10px;
    box-shadow: 8px 8px 5px black;
    background-color: #E7EDF2;
}

#p_cerrar_sesion
{
    float:right;
    margin-right: 135px;
    text-decoration: underline;
    color:black;
}
#p_cerrar_sesion a{
    color:black;
}
#cerrar_sesion:hover{
    color:red;
}
#aviso
{
    text-align: center;
}
#cont_consultaRe
{
    width: 1000px;
    height: 500px;
    border:1px solid grey;
    margin:auto;
    margin-top:40px;
    border-radius: 10px;
}
#form_consultaR
{
    width: 580px;
    height: 180px;
    margin-left: 180px;
    margin-top:20px;
}
#img_consultaR
{
    width:300px;
    height: 200px;
    margin-top:-30px;
    float:right;
    margin-right: 25px;
}
#img_consultaR img
{
    width: 300px;
    height: 200px;
}
#form_resenia
{
    margin-top: 70px;
}
#seleccion_club
{
    margin-left:50px;
    font-weight: bold;
    font-size:16pt;
}
#club_lecturaSel
{
    margin-left:30px;
    width: 250px;
}
#Consulta_R
{
    margin-left: 45%;
    margin-top: 40px;
}
#contenedor_resenias
{
    width:1000px;
    height:auto;
    margin:auto;
    margin-top: 40px;
    border:1px solid black;
}
#resenia_libro
{
    width: 600px;
    text-align: justify;
    font-size:10pt;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.val-fieldset {
width:100px;
border:none;
font-weight:bold;
font-size:12px;
}
.valoracion {
width: 100px;
height: 21px;
display: block;
margin-left: 40%;
background:url(http://lh5.googleusercontent.com/-Sp-iHFztZdc/UVD89O9oM1I/AAAAAAAAEU0/Xh-FBDaWyJY/s000/estrellas.png) 0 0 no-repeat;
}
.val-0 {background-position: -100px -0;}
.val-5 {background-position: -81px -21px;}
.val-10 {background-position: -81px 0;}
.val-15 {background-position: -61px -21px;}
.val-20 {background-position: -60px 0;}
.val-25 {background-position: -40px -21px;}
.val-30 {background-position: -40px 0;}
.val-35 {background-position: -21px -21px;}
.val-40 {background-position: -21px 0;}
.val-45 {background-position: 0 -21px;}
.val-50 {background-position: 0 0;}

#contenedor_clubs
{
    width:1000px;
    height:auto;
    margin:auto;
    margin-top: 40px;
    border-radius: 10px;
    box-shadow: 8px 8px 5px black;
    background-color: #E7EDF2;
    border:1px solid gray;
}
#contenedor_img_ins
{
    width: 250px;
    height: 120px;
    margin-left: 50px;
    margin-top:20px;
    float:left;
}
#contenedor_img_ins img
{
    width: 250px;
    height: 120px;
}
#contenedor_cita{
    width: 620px;
    height: 120px;
    margin-top: 10px;
    margin-left: 30px;
    float:left;
    font-size: 16pt;
    text-align: justify;
}

#btn_ins_club
{
    float:right;
    margin-top:10px;
    margin-right: 12%;
}
#contenedor_clubs table
{
    margin-left: 12%;
}
#contenedor_Escribe_Res
{
    width: 1000px;
    height: 500px;
    border:1px solid gray;
    margin:auto;
    margin-top:40px;
    border-radius: 10px;
}

#contenedor_form_resenia
{
    width:580px;
    height: 360px;
    margin-top: 30px;
    margin-left: 50px;
    float:left;
}
#contnedor_img_res
{
    width: 320px;
    height: 280px;
    float:left;
    margin-top: 80px;
    margin-left: 10px;
}
#contnedor_img_res img
{
    width: 320px;
    height: 280px;
}
#titulo_resenia
{
 margin-left: 15px;   
}
#btn_enviar_res
{
    float:right;
    margin-right: 50px;
    margin-top: 10px;
}
.rating {
          overflow: hidden;
          display: inline-block;
      }
.rating-input {
          position: absolute;
          left: 0;
          top: -50px;
      }
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
          background-position: 0 0;
      }
.rating-star,
.rating:hover .rating-star {
          float: right;
          display: block;
          width: 16px;
          height: 16px;
          background: url('../images/star.png') 0 -16px;
      }
#form_sug
{
    margin-top: 40px;
    width: 600px;
    height: 300px;
    margin-left: 45px;
    float:left;
}
#btn_sugerencia
{
    float:right;
    margin-top: 25px;
    margin-right: 45px;
}
#cont_img_sug
{
    float:left;
    width:280px;
    height: 250px;
    margin-top:20px;
    margin-right: 40px;
}
#cont_img_sug img
{
    width:260px;
    height: 250px;
}

#cont_img
{
    margin-left: 300px;
}
#cont_img
{
    margin-left: 80px;
}
.AlineaTexto_Clase
{
    font-size: 14ft;
    margin-left: 200px;
}

.AlineaTexto_Cuenta
{
    font-size: 26ft;
    margin-left: 130px;
}
#pie_biblio
{
    margin-top: 20px;
    margin-left: 75px;
}

.Ini_Sesion23
{
    float: right;
    margin-right: 40px;
}
#mail
{
	margin-left: 34px;
}
#usr
{
	margin-left: 15px;
}

#pass
{
	margin-left: 16px;
}
